<template>
	<el-container id="home_box">
	  <el-header>
		  <h1>供应商管理</h1>
	  </el-header>
	  <el-container>
	    <el-aside width="200px">
        <router-link to="/personalcenter" class="geren">返回个人中心</router-link>
			<el-menu
			  :router="true"
			  class="el-menu-vertical-demo"
			  background-color="#FFFFFF"
			  text-color="#000000"
			  active-text-color=" #FF69B4"
			  :unique-opened="true"
			  :collapse="isCollapse"
			  :collapse-transition="false">
			  <el-submenu index="/SupplierHomePage">
				<template slot="title">
					<i class="el-icon-s-goods"></i>
				  <span>商品管理</span>
				</template>
				<el-menu-item-group>
				  <el-menu-item index="/SupplierList">查询商品</el-menu-item>
				  <el-menu-item index="/SupplierMaintain">商品维护</el-menu-item>
				</el-menu-item-group>
			  </el-submenu>
			  <el-submenu index="2">
				<template slot="title">
					<i class="el-icon-s-claim"></i>
				  <span>订单管理</span>
				</template>
				<el-menu-item-group>
				  <el-menu-item index="/SupplierOrderForm">查询订单</el-menu-item>
				</el-menu-item-group>
			  </el-submenu>
			  <el-submenu index="3">
				<template slot="title">
					<i class="el-icon-s-custom"></i>
				  <span>资料管理</span>
				</template>
				<el-menu-item-group>
				  <el-menu-item index="/SupplierData" @click="ziliaoUpd">资料维护</el-menu-item>
				</el-menu-item-group>
			  </el-submenu>
			  <el-submenu index="4">
				<template slot="title">
				 <i class="el-icon-s-marketing"></i>
				  <span>统计</span>
				</template>
				<el-menu-item-group>
				  <el-menu-item index="/SupplierStatistics">统计营收</el-menu-item>
				</el-menu-item-group>
			  </el-submenu>
			</el-menu>
		</el-aside>
	    <el-main>
			<router-view></router-view>
		</el-main>
	  </el-container>
	</el-container>
			
</template>

<script>

	export default{
		data() {
			return{

				// 是否折叠的标志
				isCollapse: false,
				component() {
					supplier
				}
			}
		},
    methods:{
      ziliaoUpd(){

      }
    },
	}
</script>

<style scoped>
	.el-menu {
	    border-right: none;
	}
	#home_box {
	  height: 100%;
	}
	.el-header {
		 text-align: center;
	}

  /*个人中心span*/
  .geren{
    margin-left: 15%;
    font-size: 20px;
    color: black;
    text-decoration: none;
  }
</style>